<template>
	<div id="personal">
		<van-nav-bar
		  title="个人信息"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<div style="margin-top: 0.2666rem;">
			<van-cell center title="头像">
				<template #right-icon>
					<van-image round width="45px" height="45px" :src="img"/>
				</template>
			</van-cell>
			<van-cell title="用户名" value="往事随风" />
		</div>
		<div style="margin-top: 0.2666rem;">
			<van-cell title="手机号" value="134****8887" />
			<van-cell title="邮箱" value="未绑定" />
			<van-cell title="微信" value="未绑定" />
			<van-cell title="微博" value="未绑定" />
			<van-cell title="QQ" value="未绑定" />
		</div>
	</div>
</template>

<script>
	export default {
		name: 'personal',
		data(){
			return{
				img: require('@/assets/user.png')
			}
		},
		components:{
			
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped="scoped">
	#personal{
		width: 100%;
		height: 100vh;
	}
</style>
